<template>
	<view>
		<view class="bg_top"></view>
		<view style="position: absolute;z-index: 9;">
			<view class="myCard" style="margin-top: 62rpx;" v-for="item in 3" :key="item">
				<view class="card_top">
					<view style="width:228rpx;height:163rpx;padding: 23rpx 25rpx 21rpx 25rpx;">
						<image mode="aspectFill" src="../../static/index/1130 1.png" style="width: 100%;height: 163rpx;
border-radius: 10rpx 10rpx 10rpx 10rpx;" />
					</view>
					<view style="padding: 23rpx 25rpx 21rpx 25rpx;width: 444rpx;">
						<view style="font-size: 30rpx;font-weight: bold;line-height: 29rpx">富氧康泰联盟</view>
						<view style="display: flex;padding-top: 9rpx;font-size: 20rpx;font-weight: 400;">
							<view>折扣优惠</view>
							<view style="padding-left: 25rpx;">联盟积分</view>
							<view style="padding-left: 25rpx;">联盟积分</view>
						</view>
						<view style="font-size: 25rpx;font-weight: bold;color: #FFAA4D;padding-top: 11rpx;">门店会员</view>
						<view
							style="display: flex;justify-content: space-between;align-items: center;padding-top: 9rpx;">
							<view>
								<image mode="aspectFill" src="../../static/index/1130 1.png" style="width: 46rpx;height: 46rpx;
							border-radius: 50%;" />
								<image mode="aspectFill" src="../../static/index/1130 1.png" style="width: 46rpx;height: 46rpx;margin-left: 14rpx;
							border-radius: 50%;" />
								<image mode="aspectFill" src="../../static/index/1130 1.png" style="width: 46rpx;height: 46rpx;margin-left: 14rpx;
							border-radius: 50%;" />
							</view>
							<view class="btn_jr" @click="golianmeng">
								加入
							</view>
						</view>
					</view>
				</view>
				<view style="margin: 30rpx 22rpx 22rpx 30rpx;font-size: 20rpx;">
					<view style="display: flex;align-items: center;font-weight: bold;">
						<view style="width: 5rpx;
height: 19rpx;
background: #FDCE9A;"></view>
						<view style="padding-left: 12rpx;">
							联盟介绍
						</view>
					</view>
					<view style="color:#838383;line-height: 34rpx;padding-top: 17rpx;">
						联盟自成立以来，通过联盟有效的合作机制，依托华南农业大华南理工大学、吉林农业大的整合，升级和创新能力...
					</view>
				</view>
				<view style="font-size: 18rpx;
			width: 100%;text-align: center;
font-weight: bold;
color: #7C7C7C;">
					<text>展开<uni-icons type="bottom" size="10"></uni-icons>
</text>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			};
		},
		methods:{
			golianmeng(){
				uni.navigateTo({
					url:"./lianmeng_detail/lianmeng_detail"
				})
			}
		}
	}
</script>

<style lang="less" scoped>
	body {
		background-color: #F4F4F4;
	}

	.bg_top {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 342rpx;
		background: url("../../static/lianmeng/Rectangle 99.png") no-repeat;
		background-size: cover;
	}

	.myCard {
		margin-left: 26rpx;
		width: 697rpx;
		height: 391rpx;
		background: #FFFFFF;
		box-shadow: 3rpx 4rpx 13rpx 2rpx rgba(163, 163, 163, 0.25);
		border-radius: 20rpx 20rpx 20rpx 20rpx;

		.card_top {
			width: 697rpx;
			height: 207rpx;
			background: linear-gradient(99deg, #FFEEDB 0%, #FFE8CF 100%);
			border-radius: 20rpx 20rpx 0px 0px;
			display: flex;
		}

		.btn_jr {
			width: 104rpx;
			text-align: center;
			color: #FDCE9A;
			height: 42rpx;
			line-height: 42rpx;
			font-size: 25rpx;
			background: linear-gradient(180deg, #545454 0%, #000000 100%);
			border-radius: 100rpx 100rpx 100rpx 100rpx;
		}
	}
</style>